import logo from './logo.svg';
import './App.css';
import Test from './Test.jsx';
import React, { Component } from 'react';

// function App() {
//   state={
//     number:1
//   }
//   console.log('state.number',this)
//     return (
     
//     <div className="App">
//      <h1>测试内容</h1>
//      <Test n={this.state.number}></Test>
//     </div>
//   );
// }

 class App extends Component {
  state = {
    number:1
  }

  render()
  {
    return (
      <div className="App">
        <h1>测试内容</h1>
        <button onClick={()=>{
          this.setState({
            number:this.state.number+1
          })
        }}>
          父组件按钮+1
        </button>
        <Test n={this.state.number}></Test>
      </div>
    );
  }
}

export default App;
